
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans&subset=latin,cyrillic);*/
html {
    background: url('../images/bg.jpg');
    background-attachment: fixed;
    background-size: 100% 100%;
    /*font-family: 'Noto Sans', sans-serif;*/
}
#wrapper{
    width: 100%;
    min-width: 1050px;
    height: 100%;
    margin: 0 auto;
    color: #ffffff;
}
#header {
    background: rgba(0,0,0,0.7);
    padding: 2%;
}
#header .logo {
    float: left;
}
#page-area {
    min-height: 100%;
}
.menu ul {
    list-style: none;
    padding: 0;
}
.menu ul li {
    margin-left: 0.5%;
    display: inline-block;
}
.menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #253ed1;
    padding: 8% 15%;
    text-align: center;
    border-radius: 6px;
}
.menu ul li a:hover {
    color: #818181;
    background: #d1d1d1;
}
.news-part {
    margin: 0.5% auto;
    width: 60%;
    padding: 2%;
    background: #fff;
    border-radius: 6px;
}
.news-part a {
    float: right;
    display: block;
    margin: 1%;
    padding: 0.5%;
    text-decoration: none;
    color: #fff;
    background: #253ed1;
    border-radius: 6px;

}
.news-part a:hover {
    background: #2945fb;
}
.hFooter {
    width: 100px;
    height: 80px;
    margin: 0;
    clear: both;
}
#footer {
    height: 80px;
    line-height: 80px;
    margin-top: -80px;
    background: rgb(73, 118, 204);
    text-align: center;
}
#content, #side-bar {
    padding: 1%;
}
#content {
    color: #000;
}
#side-bar {
    margin-top: 1%;
    border: 2px solid #eee;
    background: #ffffff;
}